<script setup lang='ts'>
import { ref } from "vue";
import TinymceEditorEditor from '@/components/TinymceEditor/index.vue'
let content = ref("");
//配置项
let config = {
  height: 500,
};

</script>


<template>
  <div class="editor2">
    <h3 class="title">Tinymce编辑器示例</h3>
    <TinymceEditor-editor v-model="content" :config="config" :disabled="false" />
    <p class="tip">//添加完图片请去assets/images文件中自主删除</p>
    <el-button @click="$router.back()">返回</el-button>
  </div>
</template>


<style scoped lang="scss">
  .editor2 {
    padding: 10px;
  }
  .title {
    text-align: center;
    color: var(--themeColor);
    font-size: 20px;
    font-family: "思源宋体";
    margin-bottom: 40px;
  }
  .tip{
    color: rgb(233, 153, 100);
    margin: 40px 0;
  }
</style>